import React from "react";
import Meal from "./Meal/Meal";
import classes from './Meals.module.css';

function Meals(props) {
  return (
    <div className={classes.Meals}>
      {
        props.mealsData.map(item => {
          return <Meal key={item.id} meal={item} />
        })
      }
      
    </div>
  );
}

export default Meals;
